@import url(./index.css);
l-page {
  @apply block;
}
.panel {
  @apply bg-white rounded p-3 m-3;
}
.d-center {
  @apply flex justify-center items-center;
}
.rounded-max {
  border-radius: 50%;
}
.table {
  @apply w-full;
  .tr {
    @apply flex;
    .td {
      @apply flex-1 border-r border-b p-1;
      &:first-child {
        @apply border-l;
      }
    }
    &:first-child {
      .td {
        @apply border-t;
      }
    }
  }
}

.text-shadow {
  text-shadow: 2px 2px #000;
}
.bg-page {
  @apply bg-gray-100;
}
.eps {
  display: -webkit-box;
  -webkit-line-clamp: 1; /* 控制显示行数 */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.title {
  @apply flex justify-center h-[72rpx];

  .content {
    @apply px-2 py-1 bg-blue-400 text-white font-bold text-lg relative;

    &::before,
    &::after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      top: 0;
      position: absolute;
      border: 36rpx solid;
    }

    $color: rgb(96 165 250 / var(--tw-bg-opacity));

    &::before {
      right: 100%;
      border-color: $color $color transparent transparent;
    }

    &::after {
      left: 100%;
      border-color: $color transparent transparent $color;
    }
  }
}

.title-label {
  @apply flex border-b border-blue-400 h-[48rpx];

  .content {
    @apply px-3 p-1 text-white bg-blue-400 relative;

    &:after {
      content: "";
      border: 24rpx solid;
      @apply block absolute w-0 h-0 border-blue-400 top-0 left-full;
      border-top-color: transparent;
      border-right-color: transparent;
    }
  }
}

.wait_sub {
  color: #e63f31;
}

.wait_td {
  color: #e764f2;
}

.wait_sign {
  color: #3c9cff;
}

.wait_pay {
  color: #fbc015;
}

.complete {
  color: #00c853;
}
